<template>
  <div>
    <!--头部-->
		<header>
			<!--页眉-->
			<div class="header">
				<div class="container">
					<p class="p14 col-md-6 col-xs-6 text-left">欢迎来到XXX宠物医院!</p>
					<P class="p14 col-md-6 col-xs-6 text-right"><span class="glyphicon glyphicon-earphone"></span>&nbsp;&nbsp;&nbsp;宠物咨询：XXX</P>
				</div>
			</div>

			<!--导航-->
			<nav class="nav_top">
				<div class="container">
				
					<div id="mynavbar" class="collapse navbar-collapse">
						<ul class="nav navbar-nav nav_li navbar-right">
							<li>
								<router-link to="/">首页</router-link>
							</li>
							<li>
								<router-link to="/">关于我们</router-link>
							</li>
							<li>
								<router-link to="/">医疗设施</router-link>
							</li>
							<li>
								<router-link to="/">医疗服务</router-link>
							</li>

							<li>
								<router-link to="/">宠物百科</router-link>
							</li>
							<li>
								<router-link to="/">联系我们</router-link>
							</li>
						</ul>
					</div>
				</div>
			</nav>
		</header>
		<!--幻灯片-->
		<section class="ab_img">
			<img src="../assets/images/news_show1.jpg">
		</section>
		<!--面包屑-->
		<div class="mianb">
			<div class="container">
				<div class="row">
					<div class="zi_bread">
						<div class="bread_con">
							<h3>宠物百科</h3>
							<div class="curre">您当前位置：
								<router-link to="/">首页</router-link> >
								<router-link to="/news">宠物百科</router-link>
								<!-- > <span>宠物常识</span>-->
							</div>
						</div>
					</div>
					<div class="news_show">
						<div class="container">
							<div class="row" v-for="(k,i) in rowdata" :key="i">
								<div class="xiangq">
									<h4>{{k.news_title}}</h4>
									<span>{{k.news_source}}  {{k.news_time}}  {{k.read_count}}</span>
								</div>
								<div class="xiangq_top">
									<p class="col-md-12 col-sm-12 col-xs-12">{{k.content1}}</p>
									<p class="col-md-12 col-sm-12 col-xs-12">
                    {{k.content2}}
									</p>
									<div style="text-align: center;">
										<img :src="k.imge">
									</div>
									<p class="col-md-12 col-sm-12 col-xs-12">
                    {{k.content3}}
									</p>
									<p class="col-md-12 col-sm-12 col-xs-12">{{k.content4}}</p>
									<p class="col-md-12 col-sm-12 col-xs-12">
                    {{k.content5}}
									</p>
								</div>					
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>

		<!--联系我们-->
		<footer class="footer">
			<div class="container">
				<div class="b-nav wow fadeInUp" data-wow-delay=".1s">
					<router-link to="/">首 页</router-link>
					<router-link to="/">关于我们</router-link>
					<router-link to="/">医疗设施</router-link>
					<router-link to="/">医疗服务</router-link>
					<router-link to="/">宠物百科</router-link>
					<router-link to="/">联系我们</router-link>
				</div>
				<p class="wow fadeInUp jshu" data-wow-delay=".3s">Copyright © 2020 宠物医院 | XXX宠物医院</p>
				<p class="wow fadeInUp jshu" data-wow-delay=".5s">技术支持：&nbsp;&nbsp;&nbsp;
					
				</p>
			</div>
		</footer>
		<!--回到顶部-->
		<router-link to="/" class="top"><span class="glyphicon glyphicon-menu-up jiantou"></span></router-link>
  </div>
</template>
<script>
export default {
  data(){
    return{
      rowdata:[]
    }
  },
  methods:{
    
  },
  mounted(){
    let id=this.$route.params.id
    this.axios.get("/news/news_article2",{params:{pid:id}}).then(res=>{
        console.log(res.data.result);
        res.data.result.forEach(item=>{
            item.imge = require(
              '../assets/images/'+item.imge)
        })
        this.rowdata=res.data.result;
    })
  }
}
</script>
